<template>
  <view>
    <view class="flex flex-justify-between mx-4 my-2rpx flex-items-center">
      <text class="text-lg font-size-3 font-800">提醒</text>
    </view>
    <wd-card>
      <wd-checkbox-group v-model="warns" custom-class="py-2">
        <wd-checkbox v-for="(item, index) in warnList" :modelValue="index" :key="index">
          <wd-text type="primary" :text="item"></wd-text>
        </wd-checkbox>
      </wd-checkbox-group>
    </wd-card>
  </view>
</template>

<script lang="ts" setup>
import { defineProps } from 'vue'
const warns = ref(['1', '2', '3', '4'])
defineProps<{ warnList: string[] }>()
</script>

<style lang="scss" scoped></style>
